<template>
<!-- 备份 -->
  <div class="entity-item">
    <div class="top-day">
      <span>{{questionData.user1name}}赞同了回答·</span>
      <span>{{questionData.days}}天前</span>
    </div>
    <div class="user">
      {{questionData.userImg}}
      {{questionData.user2name}}
    </div>
    <div class="title">
      {{questionData.question}}
    </div>
    <div class="displayText">
      {{questionData.answer}}
    </div>
    <div class="bottom-time">
      <span>发布于{{questionData.time}}</span>
    </div>

    <div class="bottom-items">
      <div class="up-down">赞同</div>
      <div class="up-down">反对</div>
      <div class="like">喜欢</div>
    </div>
  </div>
</template>
<script>
import {defineComponent} from 'vue'

export default defineComponent({
  name: "QuestionCard",
  data(){
    return {
      questionData:{
        "user1name":"wwwwwwy",
        "days":"5",
        "user2name":"hhhhhh",
        "userImg":"",
        "question":"淄博烧烤如何收场？",
        "answer":"没有形成品牌，也没有标准。热度一过什么都没留下",
        "time":"2023-09-22 15:11:11",
      },
    }
  },
})
</script>

<style scoped>
.entity-item{
  padding:40px
}
.top-day{
  color: #b4b4b4;
  padding-bottom: 10px;
}
.user{
  color: #646262FF;
  padding-bottom: 10px;
  display: flex;
}
.title{
  color:#000;
  font-size: larger;
  padding-bottom: 10px;
  font-weight: bold;
}
.displayText{
  padding-bottom: 10px;
}
.bottom-time{
  color: #a2a2a2;
  font-size: 13px;
}

.bottom-items{
  display: flex;
}
.up-down{
  background-color: #e4eefb;
  color: #056ce7;
  width: 50px;
  text-align: center;
  height: 24px;
  line-height: 20px;
  border-radius: 10px;
  margin: 10px 20px 0 0;
}
.like{
  color: #8392a4;
  margin: 10px 20px 0 0;
}
</style>
